<div class="card">
  <div class="card-content">
    <h4>Your Notebook.ai design</h4>
    <div class="field">
      <%= f.label :fluid_preference do %>
        <%= f.check_box :fluid_preference %>
        <span class="black-text">
          I want to use <strong>full-width</strong> Notebook.ai.
          <div class="help-text">Great for small monitors/laptops, phones, and tablets.</div>
        </span>
      <% end %>
    </div>
    <br />
    <div class="field">
      <%= f.label :dark_mode_enabled do %>
        <%= f.check_box :dark_mode_enabled %>
        <span class="black-text">
          I want to use <strong>dark mode</strong>.
          <div class="help-text">Great for night-time worldbuilding sessions.</div>
        </span>
      <% end %>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-content">
    <h4>Accessibility settings</h4>
    <div class="field">
      <%= f.label :keyboard_shortcuts_preference do %>
        <%= f.check_box :keyboard_shortcuts_preference %>
        <span class="black-text">
          Enable keyboard shortcuts that let me navigate around the site without using a mouse.<br />
          <div class="help-text">
            Press <strong>?</strong> to view what's available when the feature is enabled.
          </div>
        </span>
      <% end %>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-content">
    <h4>Notification preferences</h4>
    <div class="field">
      <%= f.label :notification_updates do %>
        <%= f.check_box :notification_updates %>
        <span class="black-text">I want to receive <strong>occasional notifications</strong> inside Notebook.ai about new features.</span>
      <% end %>
    </div>
    <br />
    <div class="field">
      <%= f.label :email_updates do %>
        <%= f.check_box :email_updates %>
        <span class="black-text">I want to receive <strong>very rare updates by email</strong> about new Notebook.ai features.</span>
      <% end %>
    </div>
    <br />
    <div class="field">
      To change your forum preferences, including email notifications for posts you are following, please
      <%= link_to thredded.edit_global_preferences_path do %>
        click here.
      <% end %>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-content">
    <h4>Community preferences</h4>
    <div class="field">
      <%= f.label :community_features_enabled do %>
        <%= f.check_box :community_features_enabled %>
        <span class="black-text">
          I want to be able to see and use Notebook.ai community features.
          <div class="help-text">Unchecking this box will remove all links in the "Community" section of the sidebar.</div>
        </span>
      <% end %>
    </div>
    <br />
    <div class="field">
      <%= f.label :private_profile do %>
        <%= f.check_box :private_profile %>
        <span class="black-text">
          Make my profile page private.
          <div class="help-text">
            All of your worldbuilding pages, documents, timelines, and other content on Notebook.ai are private by default.
            Checking this box will also make your <%= link_to 'profile page', current_user %> private.
          </div>
        </span>
      <% end %>
    </div>
  </div>
</div>
