lujanfernaud/prevy

<div class="container pb-2">
  <div class="row justify-content-md-center">
    <div class="col-md-6 mt-4 mb-3 pt-1">
      <%= render "user_settings_tabs", user: @user %>

      <%= form_for @user,
        url: user_notification_settings_path(@user),
        html: { method: :put } do |f| %>
        <%= render "error_messages", object: @user %>

          <div class="form-group mb-2">
            <div class="row">
              <div class="col-md-10">
                <%= f.label :membership_request_emails, class: "m-0" do %>
                  Membership requests
                  <small>(New requests)</small>
                <% end %>
              </div>

              <div class="col-md-2 d-flex justify-content-end">
                <%= f.check_box :membership_request_emails %>
              </div>
            </div>
          </div>

          <hr class="mt-3 mb-3">

          <div class="form-group mb-2">
            <div class="row">
              <div class="col-md-10">
                <%= f.label :group_membership_emails, class: "m-0" do %>
                  Group memberships
                  <small>(Accepted or deleted from group)</small>
                <% end %>
              </div>

              <div class="col-md-2 d-flex justify-content-end">
                <%= f.check_box :group_membership_emails %>
              </div>
            </div>
          </div>

          <hr class="mt-3 mb-3">

          <div class="form-group mb-2">
            <div class="row">
              <div class="col-md-10">
                <%= f.label :group_role_emails, class: "m-0" do %>
                  Group roles
                  <small>(Role in group changed)</small>
                <% end %>
              </div>

              <div class="col-md-2 d-flex justify-content-end">
                <%= f.check_box :group_role_emails %>
              </div>
            </div>
          </div>

          <hr class="mt-3 mb-3">

          <div class="form-group mb-2">
            <div class="row">
              <div class="col-md-10">
                <%= f.label :group_event_emails, class: "m-0" do %>
                  Group events
                  <small>(New or updated events)</small>
                <% end %>
              </div>

              <div class="col-md-2 d-flex justify-content-end">
                <%= f.check_box :group_event_emails %>
              </div>
            </div>
          </div>

          <hr class="mt-3 mb-3">

          <div class="form-group mb-2">
            <div class="row">
              <div class="col-md-10">
                <%= f.label :group_announcement_emails, class: "m-0" do %>
                  Group announcements
                  <small>(New group announcements)</small>
                <% end %>
              </div>

              <div class="col-md-2 d-flex justify-content-end">
                <%= f.check_box :group_announcement_emails %>
              </div>
            </div>
          </div>

          <hr class="mt-3 mb-3">

          <div class="form-group mb-2rem">
            <div class="row">
              <div class="col-md-10">
                <%= f.label :group_invitation_emails, class: "m-0" do %>
                  Group invitations
                  <small>(New group invitations)</small>
                <% end %>
              </div>

              <div class="col-md-2 d-flex justify-content-end">
                <%= f.check_box :group_invitation_emails %>
              </div>
            </div>
          </div>

        <%= f.submit "Update",
          class: "btn btn-primary btn-block btn-lg btn-3d mt-4 mb-4" %>
      <% end %>

    </div>
  </div>
</div>