 <div class="tab-pane fade" id="whatsapp-settings" role="tabpanel">
                  <div class="card shadow-sm mb-4 border-0" style="border-radius: 8px; overflow: hidden">
                    <div class="card-header text-white py-3" style="background-color: #1e8449">
                      <h5 class="mb-0 fw-semibold"><i class="bi bi-gear me-2"></i>Pengaturan WhatsApp</h5>
                    </div>

                    <div class="card-body p-4">
                      <div class="mb-4">
                        <label class="form-label fw-semibold text-dark" style="font-size: 1rem">Whatsfonnte Api Url</label>
                        <input type="text" class="form-control py-2" value="https://api.fonnte.com" style="border-color: #dee2e6; border-radius: 8px" />
                      </div>

                      <div class="mb-4">
                        <label class="form-label fw-semibold text-dark" style="font-size: 1rem">Whatsfonnte Device</label>
                        <input type="text" class="form-control py-2" placeholder="" style="border-color: #dee2e6; border-radius: 8px" />
                      </div>

                      <div class="mb-2">
                        <label class="form-label fw-semibold text-dark" style="font-size: 1rem">Whatsfonnte Token</label>
                        <input type="text" class="form-control py-2" placeholder="" style="border-color: #dee2e6; border-radius: 8px" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>