/* Nexus CRM — stylized product mock visuals for the marketing page. */
(function () {
  const NX = window.NexusCRMDesignSystem_b16bff;

  /* Remote-support showcase visual: a glassy window with a "connected" overlay. */
  function RemoteMock() {
    return (
      <div className="nxm-remote">
        <div className="nxm-remote__bar">
          <span className="nxm-remote__dot"></span><span className="nxm-remote__dot"></span><span className="nxm-remote__dot"></span>
          <span className="nxm-remote__title"><i data-lucide="monitor"></i> Müşteri Masaüstü — DESTEK-PC-04</span>
          <span className="nxm-remote__live"><span className="nxm-remote__pulse"></span>Bağlandı</span>
        </div>
        <div className="nxm-remote__screen">
          <div className="nxm-remote__win">
            <span className="nxm-remote__line w50"></span>
            <span className="nxm-remote__line w80"></span>
            <span className="nxm-remote__line w35"></span>
          </div>
          <div className="nxm-remote__win sm">
            <span className="nxm-remote__line w70"></span>
            <span className="nxm-remote__line w45"></span>
          </div>
          <div className="nxm-remote__cursor"><i data-lucide="mouse-pointer-2"></i></div>
          <div className="nxm-remote__ctrl">
            <span className="is-on"><i data-lucide="eye"></i>İzleme</span>
            <span><i data-lucide="hand"></i>Tam kontrol</span>
          </div>
        </div>
      </div>
    );
  }
  NX.__RemoteMock = () => <RemoteMock />;

  /* Product-tour frames — three stylized panels. */
  function TourMock(i) {
    if (i === 1) {
      // Teklif / quote document
      return (
        <div className="nxm-tm nxm-tm--doc">
          <div className="nxm-tm__doctop"><span className="nxm-tm__brandmark"></span><span className="nxm-tm__line w40"></span></div>
          <span className="nxm-tm__h"></span>
          <span className="nxm-tm__line w80"></span>
          <span className="nxm-tm__line w60"></span>
          <div className="nxm-tm__table">
            {[0,1,2].map(r => <div className="nxm-tm__trow" key={r}><span className="w45"></span><span className="w15"></span><span className="w20"></span></div>)}
          </div>
          <div className="nxm-tm__total"><span className="nxm-tm__line w25"></span><b></b></div>
        </div>
      );
    }
    if (i === 2) {
      // Pipeline kanban
      const cols = [3, 2, 2, 1];
      return (
        <div className="nxm-tm nxm-tm--pipe">
          {cols.map((c, k) =>
            <div className="nxm-tm__pcol" key={k}>
              <span className="nxm-tm__pchead"></span>
              {Array.from({ length: c }).map((_, j) => <span className={"nxm-tm__pcard" + (k === 3 ? " win" : "")} key={j}></span>)}
            </div>
          )}
        </div>
      );
    }
    // Modular dashboard
    return (
      <div className="nxm-tm nxm-tm--dash">
        <div className="nxm-tm__drow">
          <span className="nxm-tm__widget kpi"></span>
          <span className="nxm-tm__widget kpi"></span>
          <span className="nxm-tm__widget kpi"></span>
        </div>
        <div className="nxm-tm__drow">
          <span className="nxm-tm__widget chart"></span>
          <span className="nxm-tm__widget list"></span>
        </div>
      </div>
    );
  }
  NX.__TourMock = TourMock;
})();