.row-fluid
  .span8
    %h3{:style => "margin-top: 0px"} Users
    %p
      -if @ability.can? :manage, User 
        Add or remove users on your organization's account. Set users' permission levels.
        %br
      =link_to "Learn more about permissions.", "#learnMore", 'data-toggle' => 'modal'
  .span4
    .pull-right
      - if can? :manage, current_user.current_organization
        = link_to "Invite User", "#userForm", 'data-toggle' => 'modal', :class => 'btn btn-success'


#user-list
  - @sorted_user_memberships.each do |user_membership|
    .user-container{:id => "user-container-#{user_membership.user_id}"}
      .row-fluid
        .span1.user-image
          = gravatar_image_tag(user_membership.user.email, :alt => 'User icon', :class => 'user-grav circle-grav', :gravatar => { :size => 48 })
        
        .span4.user-email
          .email
            = truncate(user_membership.user.email, :length => 40)
            -if user_membership.receive_daily_sales_report?
              %i.icon-envelope.artfully-tooltip#daily-sales-report-icon{"data-toggle"=>"tooltip", :rel => "tooltip", "data-original-title" => "This user will receive the daily sales report.", "data-trigger" => "hover"}
          .other
            ="#{pluralize user_membership.user.sign_in_count, 'login'}. #{last_login(user_membership.user.current_sign_in_at)}."
        .span5.user-role
          =user_membership.role_title

        .span2.user-actions
          -if (@ability.can? :manage, current_user.current_organization)
            = link_to "Edit", "#editForm#{user_membership.user_id}", 'data-toggle' => 'modal'
            %br
            -unless user_membership.user_id == current_user.id
              = link_to "Remove", "#removeForm#{user_membership.user_id}", 'data-toggle' => 'modal'

-if (@ability.can? :manage, current_user.current_organization)
  #userForm.modal
    = form_tag organization_user_memberships_path(@organization.id), :action => "create", :class => "form-horizontal" do
      .modal-header
        .close{'data-dismiss'=>'modal'} x
        %h3 Add A User To Your Organization
      .modal-body
        %p
          Enter the user's email address below and select a role.  The user will receive an email with a link to join Artful.ly and set his or her password.
        .control-group#email-controls
          %label.control-label Email
          .controls
            = text_field_tag :user_email, "", :placeholder => "Enter an email address..."
        .control-group#role-controls
          %label.control-label Permissions
          .controls
            =select_tag :permission, options_for_select(Permission.available_permissions_for(current_user.current_organization), "Manager")
        .control-group#daily-sales-controls
          %label.control-label Send user daily report?
          .controls
            =check_box_tag :receive_daily_sales_report
        -if current_user.current_organization.has_kit?(:regular_donation)
          .control-group#donation_report
            %label.control-label Send user email when donation is made?
            .controls
              =check_box_tag :receive_donation_notification
        .control-group#receive-door-list
          %label.control-label Send door list 90 minutes before show time?
          .controls
            =check_box_tag :receive_door_list
      .modal-footer
        = submit_tag "Invite", :class => "btn btn-success"
        = link_to "Cancel", "#", :class => "btn", 'data-dismiss'=>'modal'

-if (@ability.can? :manage, current_user.current_organization) 
  - @sorted_user_memberships.each do |user_membership|
    .modal{:id => "editForm#{user_membership.user_id}"}
      = form_tag organization_user_membership_path(@organization.id, user_membership), :method => :put, :class => "form-horizontal" do
        .modal-header
          .close{'data-dismiss'=>'modal'} x
          %h3 Edit User
        .modal-body
          -unless user_membership.user_id == current_user.id
            .control-group#role-controls
              %label.control-label Permissions
              .controls
                =select_tag :permission, options_for_select(Permission.available_permissions_for(current_user.current_organization), user_membership.role_title)
          .control-group#daily-sales-controls
            %label.control-label Send user daily report?
            .controls
              =check_box_tag :receive_daily_sales_report, true, user_membership.receive_daily_sales_report?
          -if current_user.current_organization.has_kit?(:regular_donation)
            .control-group#donation_report
              %label.control-label Send user email when donation is made?
              .controls
                =check_box_tag :receive_donation_notification, true, user_membership.receive_donation_notification?
          .control-group#door_list
            %label.control-label Send door list 90 minutes before show time?
            .controls
              =check_box_tag :receive_door_list, true, user_membership.receive_door_list?
        .modal-footer
          = submit_tag "Save", :class => "btn btn-success"
          = link_to "Cancel", "#", :class => "btn", 'data-dismiss'=>'modal'

-if (@ability.can? :manage, current_user.current_organization)
  - @sorted_user_memberships.each do |user_membership|
    .modal{:id => "removeForm#{user_membership.user_id}"}
      = form_tag organization_user_memberships_path(@organization.id, user_membership), :action => "destroy" do
        .modal-header
          .close{'data-dismiss'=>'modal'} x
          %h3 Remove User
        .modal-body
          Are you sure you want to remove this user from your organization? The user will not be notified of this change.
        .modal-footer
          = link_to "No, do not remove this user", "#", :class => "btn", 'data-dismiss'=>'modal'
          = link_to "Yes, remove this user", organization_user_membership_path(@organization, user_membership), :method => :delete, :class => "btn btn-danger"

.modal#learnMore
  .modal-header
    .close{'data-dismiss'=>'modal'} x
    %h3 Permissions
    Permissions allow users of your organization to do some things while restricting them from doing others. The four permission tiers in Artful.ly are:
  .modal-body
    %h4 Box Office Associate
    %p Limited access for junior staff or volunteers 
    %ul{:style => "margin:20px;list-style:disc;"}
      %li Can make sales 
      %li Can view and edit just the contact info on people records
      %li Cannot import or export data
      %li Cannot refund or exchange orders
    
    %h4 General Associate
    %p Standard access for most staff
    %ul{:style => "margin:10px;padding:10px;list-style:disc;"}
      %li Can view, add, and edit most records or reports
      %li Cannot add or edit events, shows, memberships, passes, or discounts
      %li Cannot make sales
    
    %h4 Manager
    %p Advanced access for supervisors
    %ul{:style => "margin:10px;padding:10px;list-style:disc;"}
      %li Can view, add, and edit any record, report, event, show, membership, pass, or discount
      %li Can make sales
      %li Can refund or exchange orders
      %li Can add and configure kits
      %li Cannot add or edit users, permissions, or bank account
    
    %h4 Organization Administrator
    %p Full access
    %ul{:style => "margin:10px;padding:10px;list-style:disc;"}
      %li Can view, add, and edit everything
      %li Can add other users and set permission levels
      %li Can edit connected bank account
  .modal-footer
    = link_to "OK", "#", :class => "btn", 'data-dismiss'=>'modal'