= link_to_dashboard

%h1 Add Time Entry

.row
  .col-xs-12.col-sm-6.col-lg-4
    %fieldset
      .form-group.form-inline
        = text_field_tag '', '', id: 'date_id', placeholder: 'Date', class: 'form-control datepicker', size: 12
        .help-block

      .form-group.bootstrap-timepicker.form-inline
        .form-group
          %label.visible-xs Start time
          = text_field_tag '', '', id: 'start_time_id', placeholder: 'Start time', class: 'form-control', size: 8
          .hidden#start_date
          .help-block

        .form-group.hidden-xs
          —

        .form-group
          %label.visible-xs End time
          = text_field_tag '', '', id: 'end_time_id', placeholder: 'End time', class: 'form-control', size: 8
          .hidden#end_date
          .help-block

      .form-group
        .btn-group{"data-toggle": 'buttons'}
          %label{class: 'btn btn-default'}
            = radio_button_tag 'action_id', 1, false, autocomplete: 'off'
            Volunteer
          %label{class: 'btn btn-default'}
            = radio_button_tag 'action_id', 2, false, autocomplete: 'off'
            Personal
          %label{class: 'btn btn-default'}
            = radio_button_tag 'action_id', 3, false, autocomplete: 'off'
            Staff
        .hidden#log_action_id
        .help-block

      .form-group
        = select_tag :bike_id, options_for_select(@bikes), class: 'form-control'

      .form-group
        = text_area_tag '', '', id: 'description_id', placeholder: 'Work description', class: 'form-control', rows: 5

      .control-group
        .controls
          = button_tag 'Add Time Entry', id: 'add_time_entry_submit', class: 'btn btn-primary', data: {url: "#{api_create_time_entry_path}", forward: "#{"."}"}