
func Pages.OobePage1(state)
{
   
    const html= <null><nav>
  <div class="center-align">
    <button class="circle small">1</button>
    <div class="small-margin">Settings</div>
  </div>
  <hr class="max">
  <div class="center-align">
    <button class="circle small" disabled>2</button>
    <div class="small-margin">Plugins</div>
  </div>
  <hr class="max">
  <div class="center-align">
    <button class="circle small" disabled>3</button>
    <div class="small-margin">Security</div>
  </div>
</nav>
    <form action="./oobe" method="POST">
        <input type="hidden" value="1" name="from">
        <div class="field middle-align">
  <nav>
    <div class="max">
      <h6>Enable plugins</h6>
      <div>Plugins allow you to extend tytd, but they have full access</div>
    </div>
    <label class="switch">
      <if(state.enablePlugins)>
        <true>
            <input name="enablePlugins" type="checkbox" checked>
        </true>
        <false>
            <input name="enablePlugins" type="checkbox">
        </false>
      </if>
      <span></span>
    </label>
  </nav>
</div>
        <div class="field label border">
            <input type="text" name="tag" value={state.tag}>
            <label>TYTD Tag (Name your instance)</label>
        </div>
        <fieldset>
            <legend>Subscriber Poll Rate</legend>
            <div class="row">
                <div class="max">
                    <div class="field label border">
                        <input type="number" name="hours" value={state.pollHours}>
                        <label>Hours</label>
                    </div>
                </div>
                <div class="max">
                    <div class="field label border">
                        <input type="number" name="minutes" value={state.pollMinutes}>
                        <label>Minutes</label>
                    </div>
                </div>
                <div class="max">
                    <div class="field label border">
                        <input type="number" name="seconds" value={state.pollSeconds}>
                        <label>Seconds</label>    
                    </div>
                </div>
            </div>
        </fieldset>
        <button>Next</button>
    </form>
</null>;
return Components.ShellSimple("Settings", html);
}