Lines 290-370 (SMS Gateway panel end to form close):
================================================================================
 290:                                     <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wider" style="color: #64748b;">Code</th>
 291:                                     <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wider" style="color: #64748b;">Icon</th>
 292:                                     <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wider" style="color: #64748b;">Accounts</th>
 293:                                     <th class="px-6 py-3 text-center text-xs font-semibold uppercase tracking-wider" style="color: #64748b;">Status</th>
 294:                                     @can('edit_settings')<th class="px-6 py-3 text-right text-xs font-semibold uppercase tracking-wider" style="color: #64748b;">Actions</th>@endcan
 295:                                 </tr>
 296:                             </thead>
 297:                             <tbody class="divide-y" style="border-color: #f1f5f9;">
 298:                                 @forelse($allPaymentMethods as $method)
 299:                                 <tr class="transition-colors" onmouseover="this.style.background='#fafbfc'" onmouseout="this.style.background='transparent'">
 300:                                     <td class="px-6 py-4"><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: #dbeafe;"><i class="fas {{ $method->icon ?? 'fa-wallet' }} text-blue-600 text-sm"></i></div><div><p class="text-sm font-medium" style="color: #0a1628;">{{ $method->name }}</p>@if($method->description)<p class="text-xs" style="color: #94a3b8;">{{ $method->description }}</p>@endif</div></div></td>
 301:                                     <td class="px-6 py-4"><span class="px-2 py-0.5 text-xs font-mono font-medium rounded" style="background: #f1f5f9; color: #475569;">{{ $method->code }}</span></td>
 302:                                     <td class="px-6 py-4 text-sm font-mono" style="color: #64748b;">{{ $method->icon ?? 'fa-wallet' }}</td>
 303:                                     <td class="px-6 py-4 text-sm" style="color: #475569;">{{ $method->accounts->count() }}</td>
 304:                                     <td class="px-6 py-4 text-center">@if($method->is_active)<span class="px-2 py-0.5 text-xs font-medium rounded-full" style="background: #dcfce7; color: #166534;">Active</span>@else<span class="px-2 py-0.5 text-xs font-medium rounded-full" style="background: #f1f5f9; color: #64748b;">Inactive</span>@endif</td>
 305:                                     @can('edit_settings')
 306:                                     <td class="px-6 py-4 text-right"><div class="flex items-center justify-end gap-1">
 307:                                         <button type="button" onclick="openEditModal({{ $method->id }}, '{{ addslashes($method->name) }}', '{{ $method->icon ?? 'fa-wallet' }}', '{{ addslashes($method->description ?? '') }}')" class="w-8 h-8 flex items-center justify-center rounded-lg transition-colors" style="color: #2563eb;" onmouseover="this.style.background='#dbeafe'" onmouseout="this.style.background='transparent'" title="Edit"><i class="fas fa-edit text-sm"></i></button>
 308:                                         <button type="button" onclick="if(confirm('Delete this payment method?')){submitPaymentAction('delete', {{ $method->id }})}" class="w-8 h-8 flex items-center justify-center rounded-lg transition-colors" style="color: #ef4444;" onmouseover="this.style.background='#fef2f2'" onmouseout="this.style.background='transparent'" title="Delete"><i class="fas fa-trash text-sm"></i></button>
 309:                                         <button type="button" onclick="submitPaymentAction('toggle', {{ $method->id }})" class="w-8 h-8 flex items-center justify-center rounded-lg transition-colors" style="color: #94a3b8;" onmouseover="this.style.background='#f1f5f9'" onmouseout="this.style.background='transparent'" title="{{ $method->is_active ? 'Deactivate' : 'Activate' }}"><i class="fas {{ $method->is_active ? 'fa-eye-slash' : 'fa-eye' }} text-sm"></i></button>
 310:                                     </div></td>
 311:                                     @endcan
 312:                                 </tr>
 313:                                 @empty
 314:                                 <tr><td colspan="{{ auth()->user()->can('edit_settings') ? 6 : 5 }}" class="px-6 py-12 text-center"><i class="fas fa-credit-card text-4xl mb-3" style="color: #cbd5e1;"></i><p style="color: #64748b;">No payment methods configured</p></td></tr>
 315:                                 @endforelse
 316:                             </tbody>
 317:                         </table>
 318:                     </div>
 319:                 </div>
 320:             </div>
 321:         </div>
 322: 
 323:         <div class="px-6 pb-6 flex items-center justify-between border-t pt-4" style="border-color: #e2e8f0;">
 324:             <p class="text-sm" style="color: #94a3b8;">Make sure to save your changes</p>
 325:             <button type="submit" class="text-white px-6 py-2.5 rounded-xl text-sm font-medium flex items-center gap-2 transition-all hover:shadow-lg" style="background: linear-gradient(135deg, #2563eb, #4f46e5);"><i class="fas fa-save"></i>Save Settings</button>
 326:         </div>
 327:     </form>
 328: </div>
 329: 
 330: {{-- Add Payment Method Modal --}}
 331: @can('edit_settings')
 332: <div id="addPaymentMethodModal" class="hidden fixed inset-0 bg-gray-900/50 z-50 flex items-center justify-center p-4 backdrop-blur-sm">
 333:     <div class="bg-white rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden">
 334:         <div class="flex items-center justify-between p-5 border-b" style="border-color: #e2e8f0; background: linear-gradient(135deg, #2563eb, #4f46e5);">
 335:             <h3 class="text-lg font-semibold text-white flex items-center gap-2"><i class="fas fa-credit-card"></i>Add Payment Method</h3>
 336:             <button onclick="document.getElementById('addPaymentMethodModal').classList.add('hidden')" class="text-white/80 hover:text-white transition-colors"><i class="fas fa-times text-lg"></i></button>
 337:         </div>
 338:         <form method="POST" action="{{ route('settings.update') }}">@csrf<input type="hidden" name="payment_method_action" value="create">
 339:             <div class="p-6 space-y-4">
 340:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Method Name</label><input type="text" name="payment_method_name" required placeholder="e.g. Bank Transfer, Digital Wallet" class="w-full rounded-xl border px-4 py-2.5 text-sm focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 341:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Code <span class="font-normal" style="color: #94a3b8;">(lowercase, no spaces)</span></label><input type="text" name="payment_method_code" required pattern="^[a-z_]+$" placeholder="e.g. bank_transfer" class="w-full rounded-xl border px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 342:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Icon <span class="font-normal" style="color: #94a3b8;">(Font Awesome class)</span></label><input type="text" name="payment_method_icon" placeholder="e.g. fa-university, fa-mobile-screen" value="fa-wallet" class="w-full rounded-xl border px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 343:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Description</label><input type="text" name="payment_method_description" placeholder="Brief description (optional)" class="w-full rounded-xl border px-4 py-2.5 text-sm focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 344:             </div>
 345:             <div class="flex justify-end gap-3 p-5 border-t" style="border-color: #e2e8f0; background: #f8fafc;">
 346:                 <button type="button" onclick="document.getElementById('addPaymentMethodModal').classList.add('hidden')" class="px-4 py-2 text-sm border rounded-xl hover:bg-gray-100 transition-colors font-medium" style="border-color: #e2e8f0; color: #475569;">Cancel</button>
 347:                 <button type="submit" class="px-5 py-2 text-sm text-white rounded-xl transition-colors font-medium shadow-sm" style="background: linear-gradient(135deg, #2563eb, #4f46e5);"><i class="fas fa-plus mr-1"></i>Add Method</button>
 348:             </div>
 349:         </form>
 350:     </div>
 351: </div>
 352: 
 353: {{-- Edit Payment Method Modal --}}
 354: <div id="editPaymentMethodModal" class="hidden fixed inset-0 bg-gray-900/50 z-50 flex items-center justify-center p-4 backdrop-blur-sm">
 355:     <div class="bg-white rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden">
 356:         <div class="flex items-center justify-between p-5 border-b" style="border-color: #e2e8f0; background: linear-gradient(135deg, #2563eb, #4f46e5);">
 357:             <h3 class="text-lg font-semibold text-white flex items-center gap-2"><i class="fas fa-edit"></i>Edit Payment Method</h3>
 358:             <button onclick="document.getElementById('editPaymentMethodModal').classList.add('hidden')" class="text-white/80 hover:text-white transition-colors"><i class="fas fa-times text-lg"></i></button>
 359:         </div>
 360:         <form method="POST" action="{{ route('settings.update') }}">@csrf<input type="hidden" name="payment_method_action" value="update"><input type="hidden" id="editMethodId" name="payment_method_id">
 361:             <div class="p-6 space-y-4">
 362:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Method Name</label><input type="text" id="editMethodName" name="payment_method_name" required class="w-full rounded-xl border px-4 py-2.5 text-sm focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 363:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Icon <span class="font-normal" style="color: #94a3b8;">(Font Awesome class)</span></label><input type="text" id="editMethodIcon" name="payment_method_icon" class="w-full rounded-xl border px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 364:                 <div><label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Description</label><input type="text" id="editMethodDesc" name="payment_method_description" class="w-full rounded-xl border px-4 py-2.5 text-sm focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;"></div>
 365:             </div>
 366:             <div class="flex justify-end gap-3 p-5 border-t" style="border-color: #e2e8f0; background: #f8fafc;">
 367:                 <button type="button" onclick="document.getElementById('editPaymentMethodModal').classList.add('hidden')" class="px-4 py-2 text-sm border rounded-xl hover:bg-gray-100 transition-colors font-medium" style="border-color: #e2e8f0; color: #475569;">Cancel</button>
 368:                 <button type="submit" class="px-5 py-2 text-sm text-white rounded-xl transition-colors font-medium shadow-sm" style="background: linear-gradient(135deg, #2563eb, #4f46e5);"><i class="fas fa-save mr-1"></i>Update</button>
 369:             </div>
 370:         </form>