= top_menu

%h1 Your Timesheet

.row
  .col-xs-12.col-sm-6.col-lg-3
    %p
      %span.badge= @hours_worked
      Total Hours Worked

  .col-xs-12.col-sm-6.col-lg-3
    %p
      %span.badge= @credits_available
      Total Credits Available

%table.table
  %tbody
    - @user_time_entries.each do |entry|
      -# data: {start_date: ..} gets transformed to data-start-date instead of data-start_date, we don't want this
      %tr{data: {id: entry.id, description: entry.description, duration: entry.duration_in_hours},
          'data-start_date' => entry.start_date.to_date.to_formatted_s(:rfc822)}
        %td= entry.start_date.to_date.to_formatted_s(:rfc822)
        %td= entry.duration_in_hours
        %td= entry.type
        %td= link_to truncate(entry.description).presence || '<em>No title</em>'.html_safe, edit_task_list_path(entry)
        %td
          = link_to '#modal', class: 'text-danger work_entry-delete-btn', role: 'button', data: {toggle: 'modal', target: '#confirmation'} do
            %i.glyphicon.glyphicon-remove

= link_to 'Add Time Entry', new_time_entry_path, class: 'btn btn-primary'

.modal#confirmation(role="dialog" aria-labelledby="confirmation_title" aria-hidden="true" tabindex="-1")
  .modal-dialog
    .modal-content
      .modal-header
        %button.close(data-dismiss="modal" aria-hidden="true") &times;
        %h4#confirmation_title Are you sure you want to delete?
      .modal-body
        #work_entry_start_date Start Date
        #work_entry_duration Duration
        #work_entry_description Description
      .modal-footer
        %button.btn.btn-default(data-dismiss="modal" aria-hidden="true") Cancel
        %button.btn.btn-danger#confirmation_delete{data: {url_template: api_delete_time_entry_path('__ID__')}} Delete