1<% provide(:title, "My Settings") -%>
 2<% content_for :javascript do %>
 3<script type="text/javascript" charset="utf-8">
 4  $(function(){
 5    $('#edit_user').validate();
 6  });
 7</script>
 8<% end %>
 9
10<div class="row">
11  <div class="col-3">
12    <%= render partial: "my/shared/my_nav" %>
13  </div>
14  <div class="col-9">
15    <%= form_for(@user, :url => my_setting_path(@user), :html => { :method => :put, :class => "form-horizontal" }) do |f| %>
16      <fieldset>
17        <div class="form-group">
18          <%= f.label :name %>
19          <%= f.text_field :name, class: "form-control", required: :required %>
20        </div>
21        <div class="form-group">
22          <%= f.label :email %>
23          <%= f.email_field :email, class: "form-control", required: :required %>
24        </div>
25        <div class="form-group">
26          <%= f.label :city %>
27          <%= f.text_field :city, class: "form-control" %>
28        </div>
29        <div class="form-group">
30          <%= f.label :website %>
31          <%= f.url_field :website, class: "form-control url", placeholder: "http://cakeside.com" %>
32        </div>
33        <div class="form-group">
34          <%= f.label :twitter, "Twitter username @" %>
35          <%= f.text_field :twitter, class: "form-control", placeholder: "without the @ sign", maxlength: "255" %>
36        </div>
37        <div class="form-group">
38          <%= f.label :facebook %>
39          <%= f.text_field :facebook, class: "form-control", placeholder: "http://www.facebook.com/your_profile", maxlength: "255" %>
40        </div>
41        <p class="help-block"><strong>Note:</strong> Help us better serve you by checking off what best describes you?</p>
42        <div class="form-check">
43          <label class="">About me:</label>
44          <% for interest in Interest.all %>
45            <label class="form-check-label">
46              <%= check_box_tag "user[interest_ids][]", interest.id, current_user.interests.include?(interest), class: 'form-check-input' %>
47              <%= interest.name %>
48            </label>
49          <% end %>
50        </div>
51        <input type="submit" class="btn btn-primary" value="Save changes" />
52        <button type="reset" class="btn btn-secondary">Cancel</button>
53      </fieldset>
54    <% end %>
55  </div>
56</div>