{{#ifCond this.duration "<=" 10800000}}
  <span class="fc-title {{this.status}} short-duration" data-id="{{id}}">
    <div class="content-wrapper tooltip-panel inline-block {{#ifCond this.duration "<=" 5400000}}display-table{{/ifCond}}" {{#if assigned}} data-assigned="true" {{/if}} data-id={{id}} >
      <div class='links'>
        {{#if can_edit}}
          {{#unless dispatched}}
            {{#ifCond this.event_type "==" 'vendor'}}
              <a href="/company/trips/{{this.id}}/dispatch_now" class='btn p0 btn-sm ' data-toggle='emodal' data-size= 'lg' data-title='Dispatch Trip'>
                <img height="18" src="/assets/dispatch-f0507dab350511231caf6ab950500e05d6064d531ad5a5a28e2fbbdf3d219cc7.png" alt="Dispatch" />
            {{else}}
              <a href="/company/technician_trips/{{this.id}}/dispatch_now" class='btn p0 btn-sm ' data-toggle='emodal' data-size= 'lg' data-title='Dispatch Trip'>
                <img height="18" src="/assets/dispatch-f0507dab350511231caf6ab950500e05d6064d531ad5a5a28e2fbbdf3d219cc7.png" alt="Dispatch" />
              </a>
            {{/ifCond}}
          {{/unless}}
          <a href="{{x 'Routes.details_company_work_order_path(this.work_order_id, {edit:true})'}}" target='_blank' data-toggle="tooltip" data-title="Edit" class='btn p0 btn-sm'>
            <img height="18" src="/assets/edit-2d46509014ed9f486aa9cbfbb7b43fd3889073e20508eeb335b14c9f97bdf8e0.png" alt="Edit" />
          </a>
        {{/if}}
        <div class='add_notes'>
          {{#if can_edit}}
            <a href="{{x 'Routes.details_company_work_order_path(this.work_order_id)'}}" target='_blank' data-toggle="tooltip" data-title="View" class='btn p0'>
              <i class='fa fa-eye fs18'></i>
            </a>
          {{/if}}
          <a href="javascript:void(0)" class='btn p0' data-id={{ work_order_id }} data-toggle="tooltip" data-title="Note">
            <img height="18" src="/assets/notes-dc1fec7f17d7f580ce2aac1170740451c7eedfd7fc6620a21a1978ace5f4098b.png" alt="Notes" />
          </a>
        </div>
      </div>
      <div class="clearfix"/>
      <div class='truncate'>
        <strong>{{this.externalId}}, {{area_name}}, Trip {{position}}</strong>
        {{locationAddress}}
      </div>
    </div>
  </span>
  {{#if can_edit}}
    <div class='fc-resizer fc-start-resizer'></div>
    <div class='fc-resizer fc-end-resizer'></div>
  {{/if}}
{{/ifCond}}
{{#ifCond this.duration ">" 10800000}}
  <span class="fc-title {{this.status}}" data-id="{{id}}">
    <div class="pin-img-wrapper">
      <img height="21" class="status-pin" data-type="WorkOrder" data-id={{id}} src="{{x 'gon.pin_markers[this.extended_status_code]'}}">
    </div>
    <div class="content-wrapper tooltip-panel inline-block" {{#if assigned}} data-assigned="true" {{/if}} data-id={{id}} data-type={{event_type}} >
      <div class='clearfix'>
        <div class='title truncate'>
          <strong>{{this.externalId}}, {{area_name}}, Trip {{position}}</strong>
        </div>
        <div class='links'>
          {{#if can_edit}}
            {{#unless dispatched}}
              {{#ifCond this.event_type "==" 'vendor'}}
                <a href="/company/trips/{{this.id}}/dispatch_now" class='btn p0 btn-sm ' data-toggle='emodal' data-size= 'lg' data-title='Dispatch Trip'>
                  <img height="18" src="/assets/dispatch-f0507dab350511231caf6ab950500e05d6064d531ad5a5a28e2fbbdf3d219cc7.png" alt="Dispatch" />
              {{else}}
                <a href="/company/technician_trips/{{this.id}}/dispatch_now" class='btn p0 btn-sm ' data-toggle='emodal' data-size= 'lg' data-title='Dispatch Trip'>
                  <img height="18" src="/assets/dispatch-f0507dab350511231caf6ab950500e05d6064d531ad5a5a28e2fbbdf3d219cc7.png" alt="Dispatch" />
                </a>
              {{/ifCond}}
            {{/unless}}
            <a href="{{x 'Routes.details_company_work_order_path(this.work_order_id, {edit:true})'}}" target='_blank' data-toggle="tooltip" data-title="Edit" class='btn p0 btn-sm'>
              <img height="18" src="/assets/edit-2d46509014ed9f486aa9cbfbb7b43fd3889073e20508eeb335b14c9f97bdf8e0.png" alt="Edit" />
            </a>
          {{/if}}
          <a href="{{x 'Routes.details_company_work_order_path(this.work_order_id)'}}" target='_blank' data-toggle="tooltip" data-title="View" class='btn p0'>
            <i class='fa fa-eye fs15'></i>
          </a>
          {{#if can_edit}}
            <a href="javascript:void(0)" class='btn p0 add_notes' data-id={{ work_order_id }} data-toggle="tooltip" data-title="Note">
              <img height="18" src="/assets/notes-dc1fec7f17d7f580ce2aac1170740451c7eedfd7fc6620a21a1978ace5f4098b.png" alt="Notes" />
            </a>
            {{#if event_type}}
              <a href="{{x 'Routes.company_trip_path(this.id)'}}" class='btn p0' data-method= 'delete' data-confirm = "Are you sure you want to delete Trip {{position}} with workorder - {{this.work_order_id}}?" data-remote=true data-toggle="tooltip" data-title="Delete" >
                <i class='fa fa-times-circle red fs15'></i>
              </a>
            {{else}}
              <a href="{{x 'Routes.company_technician_trip_path(this.id)'}}" class='btn p0' data-method= 'delete' data-confirm = "Are you sure you want to delete Trip {{position}} with workorder - {{this.work_order_id}}?" data-remote=true data-toggle="tooltip" data-title="Delete" >
                <i class='fa fa-times-circle red fs15'></i>
              </a>
            {{/if}}
          {{/if}}
        </div>
      </div>
      <div class="location-address truncate">
        {{locationAddress}}
      <div>
      {{#if can_edit}}
        {{#if this.contract_id}}
          <a href="{{x 'Routes.edit_company_wizard_agreement_path(this.agreement_id)'}}" data-toggle="tooltip" data-title="View" class='btn p0'>
            <strong class='fs10'>Agreement: {{this.contract_id}}</strong>
          </a>
        {{/if}}
      {{/if}}
    </div>
  </span>
  {{#if can_edit}}
    <div class='fc-resizer fc-start-resizer'></div>
    <div class='fc-resizer fc-end-resizer'></div>
  {{/if}}
{{/ifCond}}