<body>
  <!-- Sidenav -->
  <% include ../partials/sidebar %>
  <!-- Main content -->
  <div class="main-content">
    <!-- Top navbar -->
    <% include ../partials/navbar %>
    <!-- Page content -->
    <!-- Header -->
    <div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center" style="min-height: 600px; background-size: cover; background-position: center top;">
      <!-- Mask -->
      <span class="mask bg-gradient-default opacity-8"></span>
      <div class="container-fluid mt--4">
        <div class="col-12 mb-5">
          <div class="card bg-secondary shadow">
            <div class="card-header bg-white border-0">
              <div class="row align-items-center">
                <div class="col-8">
                  <h3 class="mb-0">Settings</h3>
                </div>
              </div>
            </div>
            <div class="card-body">
              <form id="formSettings">
                  <div class="form-group">
                      <label for="editable" class="form-control-label">Editable</label>
                      <br>
                      <label class="custom-toggle">
                        <input name="editable" type="checkbox" <%= (locals.editable)?'checked' :'' %> id="editable">
                        <span class="custom-toggle-slider rounded-circle"></span>
                      </label>                  
                    </div>
                    <div class="form-group">
                      <label for="periodicClear" class="form-control-label">Pembersihan Konten berkala (per-Bulan)</label>
                      <br>
                      <label class="custom-toggle">
                        <input name="autoClear" type="checkbox" <%= (locals.autoClear&& locals.autoClear.Active)?'checked' :'' %> id="editable">
                        <span class="custom-toggle-slider rounded-circle"></span>
                      </label>
                      <input name="Every" class="form-control" type="number" placeholder="Pembersihan Tiap ? Bulan" value="" id="periodicClear">
                  </div>
                  <div class="text-right">
                    <button type="submit" class="btn btn-primary btn-sm">Save</button>
                  </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Include scripts -->
  <% include ../partials/scripts %>
  <script src="/js/page/settings.js"> 
  </script>
</body>
