{{-- Floating demo-request widget — persistent across every page, supplements the
     homepage's inline final-CTA section rather than replacing it. --}}
<div class="dw-backdrop" data-dw-backdrop></div>

<div
  class="dw-panel"
  data-dw-panel
  role="dialog"
  aria-modal="true"
  aria-label="Request a demo"
  hidden
>
  <button type="button" class="dw-panel-close" data-dw-close aria-label="Close">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <path d="M18 6 6 18" />
      <path d="m6 6 12 12" />
    </svg>
  </button>

  <form action="{{ route('leads.store') }}" method="post" data-dw-form novalidate>
    @csrf
    <input type="hidden" name="source_page" value="global" />
    <input type="hidden" name="source_form" value="demo-widget" />
    <div class="dw-panel-topline">
      <p class="dw-panel-kicker">Quick demo request</p>

      <div class="dw-progress" aria-hidden="true">
        <span class="dw-progress-dot is-active" data-dw-progress="0"></span>
        <span class="dw-progress-dot" data-dw-progress="1"></span>
      </div>
    </div>

    <div class="dw-step" data-dw-step="0">
      <h2 class="dw-panel-title" id="dw-panel-heading">What should we help with?</h2>
      <p class="dw-panel-subtitle">
        Pick the closest fit. We&rsquo;ll route your request from there.
      </p>

      <div
        class="dw-chip-grid"
        data-dw-interest-grid
        role="radiogroup"
        aria-labelledby="dw-panel-heading"
      >
        <button type="button" class="dw-chip" role="radio" aria-checked="false" data-value="real-time-bi">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">Real-time BI</span>
        </button>
        <button type="button" class="dw-chip" role="radio" aria-checked="false" data-value="ai-over-bi">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">AI over BI</span>
        </button>
        <button type="button" class="dw-chip" role="radio" aria-checked="false" data-value="ai-agents">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">AI Agents</span>
        </button>
        <button type="button" class="dw-chip" role="radio" aria-checked="false" data-value="insight-360x">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">Insight 360X</span>
        </button>
        <button type="button" class="dw-chip" role="radio" aria-checked="false" data-value="decisiondesk-ai">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">DecisionDesk AI</span>
        </button>
        <button type="button" class="dw-chip" role="radio" aria-checked="false" data-value="white-label">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">White-label</span>
        </button>
        <button type="button" class="dw-chip dw-chip--full" role="radio" aria-checked="false" data-value="not-sure">
          <span class="dw-chip-check" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none">
              <path d="m5.5 10.2 2.7 2.7 6.3-6.5" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
          </span>
          <span class="dw-chip-title">Not sure yet</span>
        </button>
      </div>

      <input type="hidden" name="interest" id="dw-interest" />

      <button type="button" class="dw-panel-next" data-dw-next>
        Continue
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <path d="M5 12h14" />
          <path d="m12 5 7 7-7 7" />
        </svg>
      </button>
    </div>

    <div class="dw-step" data-dw-step="1" hidden>
      <h2 class="dw-panel-title">Where should we reply?</h2>
      <p class="dw-panel-subtitle">
        A few details and we&rsquo;ll get back to you within one business day.
      </p>

      <div class="dw-field">
        <label for="dw-name">Your name</label>
        <input id="dw-name" type="text" name="name" autocomplete="name" placeholder="Sandeep Verma" required />
      </div>

      <div class="dw-field">
        <label for="dw-company">Company</label>
        <input id="dw-company" type="text" name="company" autocomplete="organization" placeholder="Company or website" />
      </div>

      <div class="dw-field">
        <label for="dw-email">Work email</label>
        <input id="dw-email" type="email" name="email" autocomplete="email" placeholder="you@company.com" required />
      </div>

      <div class="dw-step-actions">
        <button type="button" class="dw-back" data-dw-back>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M19 12H5" />
            <path d="m12 19-7-7 7-7" />
          </svg>
          Back
        </button>

        <button type="submit" class="dw-panel-submit">
          Send request
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M5 12h14" />
            <path d="m12 5 7 7-7 7" />
          </svg>
        </button>
      </div>

      <p class="dw-panel-note">No obligation. We reply with a real person.</p>
    </div>
  </form>
</div>

<button
  type="button"
  class="dw-fab"
  data-dw-toggle
  aria-expanded="false"
  aria-label="Request a demo"
>
  <span class="dw-fab-ring" aria-hidden="true"></span>

  <svg class="dw-fab-icon-open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5Z" />
  </svg>

  <svg class="dw-fab-icon-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <path d="M18 6 6 18" />
    <path d="m6 6 12 12" />
  </svg>
</button>