= render 'shared/filter', filter_form: 'company/dispatch/filter'
.container-fluid.fixed-top.mt10
  .row
    .col-md-3.text-center
      .btn-group.date-view.text-center.relative aria-label="..." role="group"
        button.btn.btn-default.prev type="button"
          span.glyphicon.glyphicon-menu-left aria-hidden="true"
        input.btn.btn-default.btn-date.current_date.date-navigator data-label="Today / #{Date.today.strftime('%b %d %Y')}" type="button" value="Today / #{Date.today.strftime('%b %d %Y')}"
        button.btn.btn-default.next type="button"
          span.glyphicon.glyphicon-menu-right aria-hidden="true"
        .datepicker-container
    .col-sm-4
      table.tech-table.table-bordered cellpadding="0" cellspacing="0"
        tbody
          tr
            th.date-range-holder.p5
              .btn-group.date-range.text-center aria-label="..." role="group" id='date-range-panel'
                button.btn.btn-default.hourly.timelineHour type="button"  Hourly
                button.btn.btn-default.daily.timelineDay type="button"  Day
                button.btn.btn-default.3day.timeline3Days.active type="button"  3-Day
                button.btn.btn-default.5day.timeline5Days type="button"  5-Day
                button.btn.btn-default.week.timelineWeek type="button"  Week
                button.btn.btn-default.2week.timeline2Weeks type="button"  2 Week
                .calender-clock-view-btn-wrapper
                  button.calendar-btn disabled='disabled'
                    i.fa.fa-calendar
                  button.clock-btn disabled='disabled'
                    i.fa.fa-clock-o

.create-workorder-button
  - if @company.is_equipment_sp? and loyalty.create?
    = link_to new_company_wizard_work_order_path(dispatch_board: true), data: {toggle: "emodal", size: 'lg', title: 'Work order creation', modal_id: 'work_order_modal'} do
      = image_tag 'new_work_order.svg'

#work_order_details.content-wrapper
  = render 'work_order_details', start_date: @start_date, end_date: @end_date

#work_order_modal

#dispatch-modal.modal.fade tabindex='-1' role='dialog'
  .modal-dialog role='document'
    .modal-content
      .modal-header
        button.close type='button' data-dismiss='modal' aria-label='Close'
          span aria-hidden='true'
            |×
        h4.modal-title
      .modal-body

#notes_container
#work_order_finish_modal

#delete-confirm-dialog.modal.fade role="dialog" aria-hidden="true" data-backdrop="static"
  .modal-dialog.modal-md
    .modal-content
      .modal-header
        button.close type="button" data-dismiss="modal"
          |×
        label.modal-title.work-order-title
          | Are you sure?
      .modal-footer
        button#delete.btn.btn-primary type="button" data-role='delete_resource' data-modal-id='#delete-confirm-dialog' data-resource-url="/company/work_orders"  Delete
        button.btn data-dismiss="modal" type="button"  Cancel