@php
$queue = $queue ?? 'default';
$delivery = $delivery ?? 'default';

@endphp

<div name="task" id="{{ $id }}" class="trello-board__tasks-item card shadow-none border" data-queue="{{ $queue }}" value={{route('ajaxRequest.update')}}>
  <div class="p-3">
    <p class="m-0 d-flex align-items-center">
      <strong>{{ $title }}<br> {{ $ids }}</strong>
    </p>

    <p class="d-flex align-items-center mb-2 small">
      <i class="material-icons icon-14pt mr-1 text-muted">preview</i>
      <a href="{{$link}}" target="_blank"> <span class="text-muted mr-2">View Order</span></a>
      <i class="material-icons icon-14pt mr-1 text-muted">upload_file</i>
      <a href="{{ $delivery }}" target="_blank"> <span class="text-muted"><strong>Details to Delivery.</strong></span></a>
    </p>
    <p class="d-flex align-items-center mb-2 small">
      <i class="material-icons icon-14pt mr-1 text-muted">schedule</i>
      <span>{{ $date }}</span>
      <span class="badge {{ $badgeClass }} ml-auto">{{ $badgeLabel }}</span>
    <div class="media align-items-center">
      <div class="media-left mr-2 {{ $avatarGroup ? 'avatar-group' : '' }}">
        <div class="avatar avatar-xxs" data-toggle="tooltip" data-placement="top" title="Comming Feature">
          <span class="avatar-title rounded-circle">CS</span>
        </div>
      </div>
      @php
      if(strtotime($date) < strtotime('-30 days')){ echo '<span class="badge badge-danger ml-auto">Delayed</span>' ; } @endphp </div>
    </div>
  </div>