Lines 290-370 (SMS Gateway panel end to form close):
================================================================================
 290:                                     <button type="button" onclick="submitSmsAction('toggle', {{ $provider->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="{{ $provider->is_active ? 'Deactivate' : 'Activate' }}"><i class="fas {{ $provider->is_active ? 'fa-eye-slash' : 'fa-eye' }} text-sm"></i></button>
 291:                                     <button type="button" onclick="if(confirm('Remove {{ addslashes($provider->name) }}?')){submitSmsAction('delete', {{ $provider->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="Remove"><i class="fas fa-trash text-sm"></i></button>
 292:                                 </div>
 293:                                 @endcan
 294:                             </div>
 295:                         </div>
 296:                         @endforeach
 297:                     </div>
 298:                     @endif
 299:                 </div>
 300:             </div>
 301: 
 302:             {{-- Payment Gateway --}}
 303:             <div id="panel-payment-gateway" class="tab-panel hidden">
 304:                 <div class="rounded-2xl border p-6 max-w-2xl" style="border-color: #e2e8f0; background: #fafbfc;">
 305:                     <h3 class="text-lg font-semibold mb-1 flex items-center gap-2" style="color: #0a1628;"><span class="w-8 h-8 rounded-lg flex items-center justify-center" style="background: linear-gradient(135deg, #059669, #10b981);"><i class="fas fa-globe text-white text-xs"></i></span>Payment Gateway</h3>
 306:                     <p class="text-sm mb-5" style="color: #64748b;">Configure online payment gateway for accepting payments from customers</p>
 307:                     <div class="space-y-5">
 308:                         <div class="flex items-center justify-between p-4 rounded-xl border" style="background: linear-gradient(135deg, #f0fdf4, #dcfce7); border-color: #bbf7d0;">
 309:                             <div class="flex items-center gap-3">
 310:                                 <div class="w-10 h-10 rounded-xl flex items-center justify-center" style="background: #dcfce7;"><i class="fas fa-toggle-on text-green-600"></i></div>
 311:                                 <div>
 312:                                     <p class="text-sm font-semibold" style="color: #0a1628;">Enable Payment Gateway</p>
 313:                                     <p class="text-xs" style="color: #64748b;">Allow customers to pay online via the configured gateway</p>
 314:                                 </div>
 315:                             </div>
 316:                             <label class="relative inline-flex items-center cursor-pointer">
 317:                                 <input type="checkbox" name="payment_gateway_enabled" value="1" {{ ($settings['payment_gateway_enabled'] ?? '0') == '1' ? 'checked' : '' }} class="sr-only peer">
 318:                                 <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-500" style="border-color: #d1d5db;"></div>
 319:                             </label>
 320:                         </div>
 321:                         <div class="flex items-center justify-between p-4 rounded-xl border" style="background: linear-gradient(135deg, #eff6ff, #dbeafe); border-color: #bfdbfe;">
 322:                             <div class="flex items-center gap-3">
 323:                                 <div class="w-10 h-10 rounded-xl flex items-center justify-center" style="background: #dbeafe;"><i class="fas fa-flask text-blue-600"></i></div>
 324:                                 <div>
 325:                                     <p class="text-sm font-semibold" style="color: #0a1628;">Sandbox Mode</p>
 326:                                     <p class="text-xs" style="color: #64748b;">Use test credentials for development/ testing</p>
 327:                                 </div>
 328:                             </div>
 329:                             <label class="relative inline-flex items-center cursor-pointer">
 330:                                 <input type="checkbox" name="payment_gateway_sandbox" value="1" {{ ($settings['payment_gateway_sandbox'] ?? '1') == '1' ? 'checked' : '' }} class="sr-only peer">
 331:                                 <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500" style="border-color: #d1d5db;"></div>
 332:                             </label>
 333:                         </div>
 334:                         <div>
 335:                             <label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Provider</label>
 336:                             <div class="flex items-center gap-4">
 337:                                 <div class="relative flex-1">
 338:                                     <span class="absolute left-3 top-1/2 -translate-y-1/2" style="color: #94a3b8;"><i class="fas fa-server text-sm"></i></span>
 339:                                     <select name="payment_gateway_provider" id="paymentGatewayProvider" onchange="updateGatewayLogo()" class="w-full rounded-xl border pl-10 pr-4 py-2.5 text-sm focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;">
 340:                                         <option value="">-- Select Provider --</option>
 341:                                         <option value="edahab" {{ ($settings['payment_gateway_provider'] ?? '') == 'edahab' ? 'selected' : '' }}>e-Dahab</option>
 342:                                         <option value="evc" {{ ($settings['payment_gateway_provider'] ?? '') == 'evc' ? 'selected' : '' }}>EVC Plus</option>
 343:                                         <option value="jeeb" {{ ($settings['payment_gateway_provider'] ?? '') == 'jeeb' ? 'selected' : '' }}>Jeeb</option>
 344:                                         <option value="somali_banks" {{ ($settings['payment_gateway_provider'] ?? '') == 'somali_banks' ? 'selected' : '' }}>Somali Banks API</option>
 345:                                         <option value="stripe" {{ ($settings['payment_gateway_provider'] ?? '') == 'stripe' ? 'selected' : '' }}>Stripe</option>
 346:                                         <option value="paypal" {{ ($settings['payment_gateway_provider'] ?? '') == 'paypal' ? 'selected' : '' }}>PayPal</option>
 347:                                         <option value="square" {{ ($settings['payment_gateway_provider'] ?? '') == 'square' ? 'selected' : '' }}>Square</option>
 348:                                         <option value="razorpay" {{ ($settings['payment_gateway_provider'] ?? '') == 'razorpay' ? 'selected' : '' }}>Razorpay</option>
 349:                                         <option value="paymongo" {{ ($settings['payment_gateway_provider'] ?? '') == 'paymongo' ? 'selected' : '' }}>PayMongo</option>
 350:                                         <option value="gcash" {{ ($settings['payment_gateway_provider'] ?? '') == 'gcash' ? 'selected' : '' }}>GCash</option>
 351:                                     </select>
 352:                                 </div>
 353:                                 <div id="gatewayLogoDisplay" class="shrink-0 w-14 h-14 rounded-xl flex items-center justify-center text-2xl font-bold transition-all" style="background: #f1f5f9; color: #94a3b8; border: 2px solid #e2e8f0;">
 354:                                     <i class="fas fa-credit-card"></i>
 355:                                 </div>
 356:                             </div>
 357:                         </div>
 358:                         <div class="grid grid-cols-2 gap-4">
 359:                             <div>
 360:                                 <label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Public / Publishable Key</label>
 361:                                 <div class="relative">
 362:                                     <span class="absolute left-3 top-1/2 -translate-y-1/2" style="color: #94a3b8;"><i class="fas fa-key text-sm"></i></span>
 363:                                     <input type="text" name="payment_gateway_public_key" value="{{ $settings['payment_gateway_public_key'] ?? '' }}" class="w-full rounded-xl border pl-10 pr-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;" placeholder="pk_live_...">
 364:                                 </div>
 365:                             </div>
 366:                             <div>
 367:                                 <label class="block text-sm font-medium mb-1.5" style="color: #1e3a5f;">Secret Key</label>
 368:                                 <div class="relative">
 369:                                     <span class="absolute left-3 top-1/2 -translate-y-1/2" style="color: #94a3b8;"><i class="fas fa-lock text-sm"></i></span>
 370:                                     <input type="password" name="payment_gateway_secret_key" value="{{ $settings['payment_gateway_secret_key'] ?? '' }}" class="w-full rounded-xl border pl-10 pr-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 transition-all" style="border-color: #e2e8f0;" placeholder="sk_live_...">