.container.whitebg.tradesmens-show
  .row
    .row-fluid
      .col-xs-6.col-sm-6.col-md-6.p0
        = static_map_for(@company.headquarter_address, {width: 580, height: 270})  rescue nil
      = image_tag @tradesmen.picture_url, class: "tradesmen_img"
      .col-xs-6.col-sm-6.col-md-6.p0
        .col-sm-12.mt60
          .col-xs-1.col-sm-1.col-md-1
          .col-xs-7.col-sm-7.col-md-7
            h3.bold
              = link_to @tradesmen.full_name, company_tradesmen_path(@tradesmen.ftc_id)
            p
              i.glyphicon.glyphicon-envelope
              span.ml10 = @tradesmen.email
            p
              i.glyphicon.glyphicon-earphone
              span.ml10 = @tradesmen.phone
          .col-xs-4.col-sm-4.col-md-4
            p
              = link_to 'EDIT', edit_company_tradesmen_path(@tradesmen.ftc_id, tab: :paycom), data: {toggle: :emodal, size: 'lg', title: 'Edit Tradesmen'}, class: 'btn btn-secondary no-action'
            p
              = link_to 'CHANGE PASSWORD', '', data: {toggle: :emodal, size: 'md', title: 'Change Password for Tradesmen.'}, class: 'btn btn-secondary no-action'
        .col-sm-12.col-md-12.mt60
          ul.nav.nav-tabs
            li.active
              = link_to 'BACKGROUND', '#background', data: { toggle: 'tab' }
            li
              = link_to 'LOGBOOK', '#lb', data: { toggle: 'tab' }, class: 'logbook-tab-btn'
            li
              = link_to 'CALENDAR', '#lbcl', data: { toggle: 'tab' }
    .tab-content
      #background.tab-pane.fade.in.active
        = render 'tradesmen_trades', tradesmen: @tradesmen
      #lb.tab-pane.fade
        = render 'logbook', tradesmen: @tradesmen
      #lbcl.tab-pane.fade
        .row
          .col-md-4.text-left
            .btn-group.date-view.text-center aria-label="..." role="group"
              button.btn.btn-default.prev type="button"
                span.glyphicon.glyphicon-menu-left aria-hidden="true"
              button.btn.btn-default.btn-date.current_date type="button"
                = "Today / #{Date.today.strftime('%b %d %Y')}"
              button.btn.btn-default.next type="button"
                span.glyphicon.glyphicon-menu-right aria-hidden="true"
          .col-sm-4.text-right
            table.tech-table.table-bordered cellpadding="0" cellspacing="0"
              tbody
                tr
                  th.date-range-holder
                    .btn-group.date-range.text-center aria-label="..." role="group"
                      button.btn.btn-default.hourly type="button"  Hourly
                      button.btn.btn-default.daily.active type="button"  Day
                      button.btn.btn-default.3day type="button"  3-Day
                      button.btn.btn-default.week type="button"  Week
                      button.btn.btn-default.2week type="button"  2 Week
        #calendar data={start_date: Date.today.beginning_of_month, end_date: Date.today.end_of_month}

#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

#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