- page_title "Todos"
- header_title "Todos", dashboard_todos_path

- if current_user.todos.any?
  .top-area
    %ul.nav-links
      %li.todos-pending{ class: active_when(params[:state].blank? || params[:state] == 'pending') }>
        = link_to todos_filter_path(state: 'pending') do
          %span
            To do
          %span.badge
            = number_with_delimiter(todos_pending_count)
      %li.todos-done{ class: active_when(params[:state] == 'done') }>
        = link_to todos_filter_path(state: 'done') do
          %span
            Done
          %span.badge
            = number_with_delimiter(todos_done_count)

    .nav-controls
      - if @todos.any?(&:pending?)
        = link_to destroy_all_dashboard_todos_path(todos_filter_params), class: 'btn btn-loading js-todos-mark-all', method: :delete do
          Mark all as done
          = icon('spinner spin')

  .todos-filters
    .row-content-block.second-block
      = form_tag todos_filter_path(without: [:project_id, :author_id, :type, :action_id]), method: :get, class: 'filter-form' do
        .filter-item.inline
          - if params[:project_id].present?
            = hidden_field_tag(:project_id, params[:project_id])
          = dropdown_tag(project_dropdown_label(params[:project_id], 'Project'), options: { toggle_class: 'js-project-search js-filter-submit', title: 'Filter by project', filter: true, filterInput: 'input#project-search', dropdown_class: 'dropdown-menu-selectable dropdown-menu-project js-filter-submit',
            placeholder: 'Search projects', data: { data: todo_projects_options, default_label: 'Project' } })
        .filter-item.inline
          - if params[:author_id].present?
            = hidden_field_tag(:author_id, params[:author_id])
          = dropdown_tag(user_dropdown_label(params[:author_id], 'Author'), options: { toggle_class: 'js-user-search js-filter-submit js-author-search', title: 'Filter by author', filter: true, filterInput: 'input#author-search', dropdown_class: 'dropdown-menu-user dropdown-menu-selectable dropdown-menu-author js-filter-submit',
            placeholder: 'Search authors', data: { any_user: 'Any Author', first_user: (current_user.username if current_user), project_id: (@project.id if @project), selected: params[:author_id], field_name: 'author_id', default_label: 'Author', todo_filter: true, todo_state_filter: params[:state] || 'pending' } })
        .filter-item.inline
          - if params[:type].present?
            = hidden_field_tag(:type, params[:type])
          = dropdown_tag(todo_types_dropdown_label(params[:type], 'Type'), options: { toggle_class: 'js-type-search js-filter-submit', dropdown_class: 'dropdown-menu-selectable dropdown-menu-type js-filter-submit',
            data: { data: todo_types_options, default_label: 'Type' } })
        .filter-item.inline.actions-filter
          - if params[:action_id].present?
            = hidden_field_tag(:action_id, params[:action_id])
          = dropdown_tag(todo_actions_dropdown_label(params[:action_id], 'Action'), options: { toggle_class: 'js-action-search js-filter-submit', dropdown_class: 'dropdown-menu-selectable dropdown-menu-action js-filter-submit',
            data: { data: todo_actions_options, default_label: 'Action' } })
        .pull-right
          .dropdown.inline.prepend-left-10
            %button.dropdown-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
              %span.light
              - if @sort.present?
                = sort_options_hash[@sort]
              - else
                = sort_title_recently_created
              = icon('chevron-down')
            %ul.dropdown-menu.dropdown-menu-align-right.dropdown-menu-sort
              %li
                = link_to todos_filter_path(sort: sort_value_priority) do
                  = sort_title_priority
                = link_to todos_filter_path(sort: sort_value_recently_created) do
                  = sort_title_recently_created
                = link_to todos_filter_path(sort: sort_value_oldest_created) do
                  = sort_title_oldest_created


.js-todos-all
  - if @todos.any?
    .js-todos-options{ data: {per_page: @todos.limit_value, current_page: @todos.current_page, total_pages: @todos.total_pages} }
      .panel.panel-default.panel-small.panel-without-border
        %ul.content-list.todos-list
          = render @todos
    = paginate @todos, theme: "gitlab"

  - elsif current_user.todos.any?
    .todos-all-done
      = render "shared/empty_states/icons/todos_all_done.svg"
      - if todos_filter_empty?
        %h4.text-center
          = Gitlab.config.gitlab.no_todos_messages.sample
        %p.text-center
          Are you looking for things to do? Take a look at
          = succeed "," do
            = link_to "the opened issues", issues_dashboard_path
          contribute to
          = link_to "merge requests", merge_requests_dashboard_path
          or mention someone in a comment to assign a new todo automatically.
      - else
        %h4.text-center
          There are no todos to show.
  - else
    .todos-empty
      .todos-empty-hero
        = render "shared/empty_states/icons/todos_empty.svg"
      .todos-empty-content
        %h4
          Todos let you see what you should do next.
        %p
          When an issue or merge request is assigned to you, or when you
          %strong
            @mention
          in a comment, this will trigger a new item in your todo list, automatically.
        %p
          You will always know what to work on next.
