<div class="uk-margin-bottom">
  <h2 class="uk-margin-remove-bottom">Defaults</h2>
  <p>
    These community and/or servers will be used if no community or server ID is provided for a command <small>*with some exceptions</small>.
  </p>
</div>
<%= content_tag(
  :div, nil, 
  id: "user-defaults", 
  data: local_assigns[:default].slice(
    :communities, :servers, 
    :default_community, :default_server
  ), 
  "v-cloak": true
) do %>
  <%= 
    form_for(
      :user_defaults, 
      url: user_defaults_path(current_user.discord_id), 
      method: :patch,
      class: "uk-margin"
    ) do |f| 
  %>
  <div class="uk-margin uk-width-1-2">
    <label class="uk-form-label">Default Community</label>
    <div class="uk-form-controls">
      <multiselect
            v-model="defaultCommunity"
            :options="communities"
            :close-on-select="true"
            placeholder="Type to search communities"
            track-by="id"
            label="name"
          >
        <span slot="noResult">No matches. Please adjust your search and try again</span>
      </multiselect>
      <%= f.hidden_field :default_community_id, ":value": "defaultCommunity?.id" %>
    </div>
  </div>
  <div class="uk-margin uk-width-1-2">
    <label class="uk-form-label">Default Server</label>
    <div class="uk-form-controls">
      <multiselect
            v-model="defaultServer"
            :options="servers"
            :close-on-select="true"
            group-values="servers"
            group-label="name"
            placeholder="Type to search servers"
            track-by="id"
            label="name"
            :limit="1"
          >
        <span slot="noResult">No matches. Please adjust your search and try again</span>
      </multiselect>
      <%= f.hidden_field :default_server_id, ":value": "defaultServer?.id" %>
    </div>
  </div>
  <%= f.submit "Save defaults", class: "uk-button esm-button-confirm" %>
<% end %>
<% end %>